/* 头部 */
header{
    width: 100%;
    height: 80px;
    background: #fff;
}
header>.warpper{
    width: 1115px;
    height: 80px;
    margin: auto;
}
header>img{
    margin-left: 3px;
}
header ul{
    width: 710px;
    float: right;
    height: 80px;
    line-height: 80px;
}
header ul>li{
    width: 138px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    color: #333;
}
header ul>li>a{
    color: #333;
    display: block;
}
header ul>li.active{
    color: #866961;
    position: relative;
    
}
header ul>li.active::after{
    content: "";
    display: block;
    background: #866961;
    width: 121px;
    height: 6px;
    position: absolute;
    bottom: 0px;
    left: 8.5px;
}
header ul>li:hover{
    background: rosybrown;
}




/* footer */
footer{
    width: 100%;
    background: #866961;
    height: 80px;
    line-height: 80px;
}
footer .warpper{
    width: 1115px;
    margin: auto;
}
footer .warpper>p{
    font-size: #fefefe;
    font-size: 14px;
    text-align: left;
    margin-left: 25px;
    float: left;
}
footer .warpper>img{
    float: right;
    margin-right: 94px;
}

/* hahahah */
body>.imgs1 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    transition:1s;
    border-radius: 50%;
    
}

